<<<<<<< HEAD
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>我的个人介绍网站</title>
	<link rel="stylesheet" href="css/operation.css">
</head>

<body>
	<header>
		<div class="header public-width">
			<div class="logo">
				<h3>个人简介</h3>
			</div>
			<div class="nav">
				<ul>
					<li>
						<a href="https://www.baidu.com/">
							<h2>我的爱好</h2>
						</a>
					</li>
					<li>
						<a href="video.html">视频教程</a>
					</li>
					<li>
						<a href="https://www.baidu.com/">学习经历</a>
					</li>
					<li>
						<a href="https://www.baidu.com/">我的生活</a>
					</li>
				</ul>
			</div>
		</div>
	</header>
	<div class="banner">
		<div class="public-width">

			<div class="banner-img">
				<img src="img/凌华.jpg" alt="a">
			</div>
			<div class="banner1">
				<div class="clear">
					<h3>神里绫华</h3>
					<p>神里绫华，米哈游出品的游戏《原神》及其衍生作品中的角色，稻妻“社奉行”神里家的大小姐。容姿端丽，品行高洁。绫华贵为“公主”，平日主理家族内外事宜。绫华常出现在社交场合，与民间交集也较多。因此，更被人们熟悉的她反而获得了高于兄长的名望，被雅称为“白鹭公主”。众所周知，神里家的女儿绫华小姐容姿端丽、品行高洁，是深受民众钦慕的人物
						神里绫华灰蓝色的眸子上面是一层厚厚的齐刘海，雪白色的长发梳成高马尾，发绳上有类似武士兜的头饰。两髪垂穗子状的侧发用总角结束起，左眼角有一枚泪痣。身穿一件渐变蓝的羽织和深蓝色的褶裙，裙上印有落樱与流水的花纹。绫华的胸腹部被一件黑色的胴甲包裹，相连的裙甲盖住裙的两侧，甲胄上印有神里家的椿纹。红绳在腰部前后各系了一个总角结，背后的总角结位于背后的蓝紫色蝴蝶结中间，其上系着绫华的神之眼。
					</p>
				</div>
			</div>
			<div class="video">
				<div class="video-img"> 
					<img src="img/5.jpg" alt="b">
				</div>

			</div>
		</div>
	</div>
	<div class="box">
		<div class="public-width">
			<div class="list">
				<div class="list-img" >
					<img src="img/可莉.jpg" alt="bs">
				</div>
			</div>
			<div class="box1">
				<h3>可莉</h3>
				<p>“嘟嘟可”是可莉最初的朋友，也是最好的朋友之一。很久很久以前，妈妈亲手为她制作了这个玩偶。艾莉丝把它与可莉的幸运四叶草缀在一起，挂在可莉大大的背包上。于是，嘟嘟可和可莉成为了形影不离的好朋友。妈妈说，这是为了让可莉不会孤单，有一个独处时也能说悄悄话的朋友。如果向蒙德的酒客们说起西风骑士团战力最强的成员，恐怕大多数人会列举大名鼎鼎的代理团长琴、骑兵队长凯亚或神秘的贵公子迪卢克。
					但也有人在醉眼朦胧间，目睹了一位红色骑士将整座望风山夷为平地的壮举，若想寻访这位神秘的骑士，恐怕就要到西风骑士团的禁闭室一探究竟了。假如禁闭室空空如也，或许某些爆炸性的糟糕事件就快要发生了。
					可莉就是这样的“危险人物”。作为骑士团正式成员，她的能力不容小觑。而作为一个过于活泼的孩子，她的破坏力同样巨大。毕竟，与蒙德其他小孩子不同，爆炸物才是可莉最为喜欢的玩具。
				</p>
			</div>
			<div class="box2">
				<div class="box2-img">
					<img src="img/6.jpg" alt="c">
				</div>
				
			</div>
		</div>

	</div>
	</div>

	<div class="back">
		感谢您的浏览
	</div>



</body>

</html>
=======
<<<<<<< HEAD
<<<<<<< HEAD
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			自我介绍
		</title>

		<style>
			.page {
				width: 960px;
				margin: 0 auto;
				background-color: #FFF;
				overflow: hidden;
			}

			.nav {
				width: 100%;
				background-color: #53a3b9;
				overflow: hidden;
			}

			.nav ul {
				width: 720px;
				overflow: hidden;
				margin: 5px 10px 5px 0;
			}

			.nav ul li {
				width: 120px;
				text-align: center;
				line-height: 50px;
				font-size: 14px;
				color: #FFF;
				float: left;
			}

			.nav ul li:hover {
				background-color: #4996a5;
			}

			.fr {
				float: left;
			}

			.logo {
				display: block;
				white-space: nowrap;
				text-indent: 999em;
				width: 213px;
				height: 50px;
				background: url(../images/2.jpg) no-repeat;
				background-size: contain;
				overflow: visible;
				margin: 5px 8px;
			}

			.fl {
				float: left;
			}

			.banner {
				width: 100%;
				height: 400px;
				overflow: hidden;
				margin-bottom: 15px;
			}

			.banner img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.left {
				width: 300px;
				margin-right: 160px;
			}

			p.title {
				width: 100%;
				line-height: 38px;
				text-indent: 2em;
				background-color: #55ffff;
				color: #FFF;
				font-size: 18px;
				margin-bottom: px;
			}

			.jj {
				width: 260px;
				margin: 0 auto 20px;
			}

			.jj img {
				display: block;
				width: 220px;
				height: 220px;
				box-sizing: border-box;
				border-radius: 50%;
				border: 3px solid #53A3B9;
				margin: 0 auto 20px;
			}

			.jj p {
				line-height: 26px;
				margin-bottom: 5px;
			}

			.wz {
				width: 100%;
				padding: 15px;
				box-sizing: border-box;
				background-image:
					linear-gradient(to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5)),
					url('https://mdn.mozillademos.org/files/7693/catfront.png');

				overflow: hidden;
			}

			.wz b {
				display: block;
				margin-top: 10px;
				margin-bottom: 20px;
				font-size: 16px;
				font-weight: normal;
			}

			.wz p {
				text-indent: 2em;
				line-height: 35px;
				margin-bottom: 10px;
			}

			.wz>img {
				display: block;
				margin: 10px auto;
			}

			.wz p>img {
				display: inline-block;
				margin: 10px;
			}

			.foot {
				width: 100%;
				background-color: #55ffff;
				text-align: center;
				line-height: 40px;
				font-size: 14px;
				color: #FFF;
			}

			.mid {
				width: 100%;
				box-sizing: border-box;
				padding: 20px;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<div class="page">
			<div class="nav">

				<ul class="fr">
					<a href="index.html" class="logo fl">
						<li>
							<h2><b>首页</b></h2>
						</li>
					</a>
					<a href="jiesaho.html">
						<li><b>个人介绍</b></li>
					</a>
					<a href="sw.html">
						<li>我的经历</li>
					</a>
					<a href="jn.html">
						<li>我的技能</li>
					</a>
					<a href="zp.html">
						<li>我的作品</li>
					</a>


				</ul>
			</div>
			<div class="mid">
				<div class="banner"><img src="img/2.jpg" alt=""></div>
				<div class="left fl">
					<p class="title" align="center">关于我</p>
					<div class="jj">
						<img src="img/2.jpg" alt="">
						<p><strong>姓名</strong>：袁子昂</p>
						<p><b>学号：</b>20101010120</p>
						<p><b>班级：</b>计科201</p>
						<p><b>手机：</b>18855678173</p>
						<p><b>邮箱：</b>2386600327@qq.com</p>
						<p><b>爱好：</b>音乐、动漫、游戏、学习</p>
					</div>
					<p class="title">欢迎登录</p>
					<form action="" class="login" method="post">
						<input type="text" placeholder="请输入用户名" value="" />
						<input type="password" placeholder="请输入密码" name="" />
						<button type="submit">登录</button>
					</form>
				</div>
				<div class="left fl">
					<p class="title" align="center">个人简介</p>
					<p>本人性格开朗、稳重、有活力，待人热情、真诚。
						工作认真负责，用心主动，能吃苦耐劳；喜欢思考，虚心与人交流，以取长补短
						。有较强的组织潜力、实际动手潜力和团体协作精神，能迅速的适应各种环境，并融合其中；社会职责感强，踏实肯干，主动争取锻炼机会。不断地完善自己，提高自身素质。在学好专业课与公共课的基础上，还阅读了超多的课外书籍，不断地增加新知识，陶冶情操、开拓视野。不仅仅如此，本人还用心参加社会实践活动，和各种文体活动，培养了本人必须的组织与社交潜力。
					</p>

				</div>
				
			</div>


			<div class="right fl">
				<p class="title">学习经历</p>
				<div class="wz">
					<p>学习经历:暂无实习经验，精通多种语言，熟练运用ps，pr，blender等软件，为以后实习打下了良好的的基础
					</p>
				</div>
			</div>
			
		</div>
		<div class="foot">制作：袁子昂 &emsp; </div>
		</div>
	</body>
</html>
>>>>>>> 95b75004f988eea90c16b3fa82ed23be1c6ac2f9
